<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
            <script type="text/javascript" src="lib/html5shiv.js"></script>
            <script type="text/javascript" src="lib/respond.min.js"></script>
            <![endif]-->
    <link rel="stylesheet" type="text/css" href="../static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="../lib/Hui-iconfont/1.0.8/iconfont.css" />

    <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/style.css" />
    <link rel="stylesheet" href="./../lib/layui/css/layui.css">
    <!--[if IE 6]>
            <script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
            <script>DD_belatedPNG.fix('*');</script>
            <![endif]-->
    <title>帮助编辑</title>
</head>

<body>
    <div class="page-container">
        <form action="" method="post" class="form form-horizontal" id="form-article-add">
            
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">标题：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input type="text" class="input-text" value="" placeholder="" id="title" name="">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">排序：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input type="number" style="width:100%;" class="input-text" value="" placeholder="" id="sort" name="">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">帮助类目：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <select name="" style="width:100%;" class="input-text" id="usrecompStatus" style="width:15%;margin-left: 1%">
                        <option value="">-请选择-</option>
                        <option value="1">常见问题</option>
                        <option value="2">订单问题</option>
                        <option value="3">推广问题</option>
                        <option value="4">其他问题</option>
                        <option value="5">关于我们</option>
                    </select>
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">状态：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <select name="" style="width:100%;" class="input-text" id="status" style="width:15%;margin-left: 1%">
                        <option value="">-请选择-</option>
                        <option value="0">隐藏</option>
                        <option value="1">显示</option>
                    </select>
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">详细内容：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <textarea id="demo" style="display: none;"></textarea>
                </div>
            </div>
            
            <div class="row cl">
                <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2" style="margin-bottom:20px;">
                    <div onClick="article_save_submit();" class="btn btn-primary radius">保存</div>
                    <button onClick="layer_close();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
                </div>
            </div>
        </form>
    </div>
    <script type="text/javascript" src="../lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="./../static/js/common.js"></script>
    <script type="text/javascript" src="../lib/layer/2.4/layer.js"></script>
    <script type="text/javascript" src="../static/h-ui/js/H-ui.min.js"></script>
    <script type="text/javascript" src="../static/h-ui.admin/js/H-ui.admin.js"></script>
    <script type="text/javascript" src="./../lib/layui/layui.js"></script>
    <script>
         var parentId = parent.$("#details_id").val();
         $(function(){
            $.ajax({
                type: 'post',
                xhrFields: { withCredentials: true },
                url: admin_url + '/kvmHelpCenter/helpCenter',
                data: { tokenUserId: userId, token: token, id: parentId },
                success: function (data) {
                    //   获取值
                    if(data.code == 200 && data.data !=null){
                   
                        $("#title").val(data.data.title)
                        $("#sort").val(data.data.sort)
                        $("#status").val(data.data.status)
                        $("#usrecompStatus").val(data.data.type)
                        $("#demo").val(data.data.content)
                    }
                }
            })
         })
        layui.use('layedit', function () {
            var layedit = layui.layedit;

            //构建一个默认的编辑器
            var index = layedit.build('demo', {
                height: 500,
                uploadImage: {url:admin_url + '/uf/uploadFile', type: 'post'}
            });

        })
        // 保存
        function article_save_submit() {
            if ($("#title").val() == "") {
                layer.msg("请填写标题");
                return;
            }else if(   $("#usrecompStatus").val() ==''){
                layer.msg("请选择帮助类目");
                return;
            } else {
                var content = $(window.frames["LAY_layedit_1"].document).find('body').html(),
                sort = $("#sort").val(),
                status = $("#status option:selected").val(),
                tit = $("#title").val(),
                usrecompStatus = $("#usrecompStatus option:selected").val();
                $.ajax({
                    type: "POST", //用post方式传输
                    xhrFields: { withCredentials: true },
                    data: {
                        token: token,
                        tokenUserId: userId,
                        id: parentId,
                        title: tit,
                        type: usrecompStatus,
                        sort:sort,
                        status:status,
                        content: content
                    },
                    url: admin_url + "/kvmHelpCenter/updHelpCenter",
                    success: function (data) {
                        if (data.code == 200) {
                            layer.msg("修改成功", {
                                time: 1000,
                                end: function () {
                                    var index = parent.layer.getFrameIndex(window.name);
                                    parent.layer.close(index);
                                    // window.parent.location.reload();
                                    $(window.parent.document).find('.layui-laypage-btn').click()
                                }
                            })

                        }else{
                            layer.msg(data.msg,{
                                time:1500
                            })
                        }
                    }
                });
            }

        }
    </script>
</body>

</html>